*,
before,
after
  box-sizing border-box

html
  line-height 1.4
  font-size 16px
  -webkit-text-size-adjust 100%

body
  margin 0
  width 100%
  min-width 320px
  min-height 100vh
  line-height 1.4
  font-family var(--font-family-base)
  font-size 16px
  font-weight 400
  color var(--c-text)
  background-color var(--c-bg)
  direction ltr
  font-synthesis none
  text-rendering optimizeLegibility
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale

main
  display block

.markdown-body
  word-break break-word
  padding 0.1px 0
  h1,
  h2,
  h3,
  h4,
  h5,
  h6
    margin 0
    line-height 1.25
    font-weight 600

  strong,
  b
    font-weight 600

  h1,
  h2,
  h3,
  h4,
  h5,
  h6
    &:hover, &:focus
      .header-anchor
        opacity 1

  h1
    margin-top 1.5rem
    font-size 1.9rem

  @media screen and (min-width 420px)
    h1
      font-size 2.2rem

  h2
    margin-top 2.25rem
    margin-bottom 1.25rem
    border-bottom 1px solid var(--c-divider)
    padding-bottom 0.3rem
    line-height 1.25
    font-size 1.65rem
    /* overflow-x auto */

  h2 + h3
    margin-top 1.5rem

  h3
    margin-top 2rem
    font-size 1.35rem

  h4
    font-size 1.15rem

  p,
  ol,
  ul
    margin 1rem 0
    line-height 1.7

  a,
  area,
  button,
  [role='button'],
  input,
  label,
  select,
  summary,
  textarea
    touch-action manipulation

  a
    text-decoration none
    color var(--c-brand)
    &:hover
      text-decoration underline
    &.header-anchor
      float left
      margin-top 0.125em
      margin-left -0.87em
      padding-right 0.23em
      font-size 0.85em
      opacity 0
      &:hover, &:focus
        text-decoration none

  figure
    margin 0

  img
    max-width 100%

  ul,
  ol
    padding-left 1.25em

  li > ul,
  li > ol
    margin 0

  table
    display block
    border-collapse collapse
    margin 1rem 0
    overflow-x auto

  tr
    border-top 1px solid #dfe2e5

  tr
    &:nth-child(2n)
      background-color #f6f8fa

  th,
  td
    border 1px solid #dfe2e5
    padding 0.6em 1em

  blockquote
    margin 1rem 0
    border-left 0.2rem solid #dfe2e5
    padding 0.25rem 0 0.25rem 1rem
    font-size 1rem
    color #999

  blockquote > p
    margin 0

  form
    margin 0


.column-title
  text-align center
  margin 0
  padding 3em 0